<template>
	<div class="infs">
		<div class="links">
			<mt-index-list>
			  	<mt-index-section class="navword" index="A">
				    <div class="linkslist" @click="clickE()">
				    	<img class="linksimg" src="../assets/imgs/meng.jpg" alt="">
				    	<span>lizn</span>
				    </div>
				    <div class="linkslist" @click="clickE()">
				    	<img class="linksimg" src="../assets/imgs/meng.jpg" alt="">
				    	<span>lizn</span>
				    </div>
			  	</mt-index-section>
			  	<mt-index-section class="navword" index="A">
				    <div class="linkslist" @click="clickE()">
				    	<img class="linksimg" src="../assets/imgs/meng.jpg" alt="">
				    	<span>lizn</span>
				    </div>
				    <div class="linkslist" @click="clickE()">
				    	<img class="linksimg" src="../assets/imgs/meng.jpg" alt="">
				    	<span>lizn</span>
				    </div>
			  	</mt-index-section>
			</mt-index-list>
		</div>
		<Tabs selected="links"/>
	</div>
</template>
<script>
	import Tabs from '../components/tabs'
	export default {
		name:"links",
		components:{
			Tabs
		},
		methods:{
			clickE(){
				this.$router.push({name:"chats",params:{id:'admin'},query:{name:'lizn'}})
			}
		}
	}
</script>
<style lang="stylus" scoped>

	.navword{
		font-size:0.5rem;
		.linkslist{
			box-sizing:border-box;
			display:flex;
			align-items:center;
			height:0.9rem;
			margin:0.2rem 0.2rem 0rem;
			padding-bottom:0.2rem;
			border-bottom:1px solid #ccc;
			img{
				width:0.7rem;
				height:0.7rem;
			}
			span{
				padding-left:0.2rem;
				font-size:0.5rem;
				color:#333;
			}
		}
	}
</style>